<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html>
<html>
<head>
<meta name="keywords" content="乐播,企业直播,企业营销直播,企业直播平台,商业直播,会议直播,教育培训直播,企业直播加盟,微信直播,活动直播">
<meta name="description"
    content="乐播是一家专业为企业提供微信直播营销系统的互联网科技公司，打造基于微信生态的直播系统，该系统可满足企业直播、移动直播、微信直播、活动直播、经销商大会直播、产品发布会直播、户外直播等各种应用场景的视频直播服务需求，提高企业的营销效率，咨询电话：400-900-5560。
">
<title>乐播—营销活动效果放大器！</title>
<%@include file="../../views/layouts/header.jsp" %>
</head>
 <body class="stretched no-transition"> 
  <div id="wrapper" class="clearfix"> 
   <header id="header" class="full-header"> 
    <div id="header-wrap"> 
     <div class="container clearfix"> 
      <div id="primary-menu-trigger">
       <i class="icon-reorder"></i>
      </div> 
      <div id="logo"> 
       <a href="/" class="standard-logo" data-dark-logo="/static/front/images/logo-dark.png"><img src="${ctx}/static/front/images/lzb-logo4.jpg" alt="乐直播"></a> 
       <a href="/" class="retina-logo" data-dark-logo="/static/front/images/logo-dark@2x.png"><img class="shouji-logo" src="${ctx}/static/front/images/lzb-logo1@2x3.jpg" alt="乐直播"></a> 
      </div>
      <!-- #logo end --> 
<%@include file="../../views/layouts/navigation.jsp" %>
      <!-- #primary-menu end --> 
     </div> 
    </div> 
   </header>
   <!-- #header end --> 
   <section id="slider" class="slider-parallax swiper_wrapper clearfix"> 
    <div class="swiper-container swiper-parent"> 
     <div class="swiper-wrapper"> 
      <!--<div class="swiper-slide lzb-swiper"><img src="/static/front/images/banner11.jpg"/></div>--> 
      <!--<div class="swiper-slide lzb-swiper"><img src="/static/front/images/banner22.jpg"/></div>--> 
      <!--<div class="swiper-slide lzb-swiper"><img src="/static/front/images/banner3.jpg"/></div>--> 
      <!--<div class="swiper-slide lzb-swiper"><img src="/static/front/images/banner4.jpg"/></div>--> 
      <!--<div class="swiper-slide lzb-swiper"><img src="/static/front/images/banner5.jpg"/></div>--> 
      <!--<div class="swiper-slide lzb-swiper"><img src="/static/front/images/banner6.jpg"/></div>--> 
      <!--<div class="swiper-slide lzb-swiper"><img src="/static/front/images/banner7.jpg"/></div>--> 
      <div class="swiper-slide lzb-swiper"> 
       <img src="${ctx}/static/front/images/banner/4e5d7aaa09ab453db48e5da3aa1aa1bc.png" alt="轮播4"> 
      </div> 
      <div class="swiper-slide lzb-swiper"> 
       <img src="${ctx}/static/front/images/banner/86559fb596da4869bfefe6f31d30f875.png" alt="轮播3"> 
      </div> 
      <div class="swiper-slide lzb-swiper"> 
       <img src="${ctx}/static/front/images/banner/0a9f3dac3f614922bac6347a5e315373.png" alt="轮播2"> 
      </div> 
      <div class="swiper-slide lzb-swiper"> 
       <img src="${ctx}/static/front/images/banner/2b981dbd4a2e4ba5a501e963e8243f79.png" alt="轮播1"> 
      </div> 
     </div> 
     <div id="slider-arrow-left">
      <i class="icon-angle-left"></i>
     </div> 
     <div id="slider-arrow-right">
      <i class="icon-angle-right"></i>
     </div> 
     <div id="slide-number"> 
      <div id="slide-number-current"></div> 
      <span>/</span> 
      <div id="slide-number-total"></div> 
     </div> 
    </div> 
    <script>
        var swiperSlider;
        jQuery(document).ready(function ($) {
            swiperSlider = new Swiper('.swiper-parent', {
                paginationClickable: false,
                slidesPerView: 1,
                grabCursor: true,
                onSwiperCreated: function (swiper) {
                    $('[data-caption-animate]').each(function () {
                        var $toAnimateElement = $(this);
                        var toAnimateDelay = $(this).attr('data-caption-delay');
                        var toAnimateDelayTime = 0;
                        if (toAnimateDelay) {
                            toAnimateDelayTime = Number(toAnimateDelay) + 750;
                        } else {
                            toAnimateDelayTime = 750;
                        }
                        if (!$toAnimateElement.hasClass('animated')) {
                            $toAnimateElement.addClass('not-animated');
                            var elementAnimation = $toAnimateElement.attr('data-caption-animate');
                            setTimeout(function () {
                                $toAnimateElement.removeClass('not-animated').addClass(elementAnimation + ' animated');
                            }, toAnimateDelayTime);
                        }
                    });
                },
                onSlideChangeStart: function (swiper) {
                    $('#slide-number-current').html(swiper.activeIndex + 1);
                    $('[data-caption-animate]').each(function () {
                        var $toAnimateElement = $(this);
                        var elementAnimation = $toAnimateElement.attr('data-caption-animate');
                        $toAnimateElement.removeClass('animated').removeClass(elementAnimation).addClass('not-animated');
                    });
                },
                onSlideChangeEnd: function (swiper) {
                    $('#slider .swiper-slide').each(function () {
                        if ($(this).find('video').length > 0) {
                            $(this).find('video').get(0).pause();
                        }
                    });
                    $('#slider .swiper-slide:not(".swiper-slide-active")').each(function () {
                        if ($(this).find('video').length > 0) {
                            if ($(this).find('video').get(0).currentTime != 0) $(this).find('video').get(0).currentTime = 0;
                        }
                    });
                    if ($('#slider .swiper-slide.swiper-slide-active').find('video').length > 0) {
                        $('#slider .swiper-slide.swiper-slide-active').find('video').get(0).play();
                    }

                    $('#slider .swiper-slide.swiper-slide-active [data-caption-animate]').each(function () {
                        var $toAnimateElement = $(this);
                        var toAnimateDelay = $(this).attr('data-caption-delay');
                        var toAnimateDelayTime = 0;
                        if (toAnimateDelay) {
                            toAnimateDelayTime = Number(toAnimateDelay) + 300;
                        } else {
                            toAnimateDelayTime = 300;
                        }
                        if (!$toAnimateElement.hasClass('animated')) {
                            $toAnimateElement.addClass('not-animated');
                            var elementAnimation = $toAnimateElement.attr('data-caption-animate');
                            setTimeout(function () {
                                $toAnimateElement.removeClass('not-animated').addClass(elementAnimation + ' animated');
                            }, toAnimateDelayTime);
                        }
                    });
                }
            });

            $('#slider-arrow-left').on('click', function (e) {
                e.preventDefault();
                swiperSlider.slidePrev();
            });

            $('#slider-arrow-right').on('click', function (e) {
                e.preventDefault();
                swiperSlider.slideNext();
            });

            $('#slide-number-current').html(swiperSlider.activeIndex + 1);
            $('#slide-number-total').html(swiperSlider.slides.length);
        });
    </script> 
   </section> 
   <!-- Content
============================================= --> 
   <section id="content"> 
    <div class="content-wrap"> 
     <div class="promo promo-light promo-full bottommargin-lg header-stick notopborder"> 
      <div class="container clearfix"> 
       <img src="${ctx}/static/front/images/img-1.png" style="position:relative;" alt=""> 
       <div class="container-box" style=""> 
        <span style="font-size: 16px">服务热线：400-900-5560</span> 
        <h3 style="color:#fff;font-size: 24px">乐直播——未来趋势，一片蓝海！</h3> 
        <span style="color:#fff;">您熟悉的微信直播，商业直播第一平台，让直播更简单！</span> 
       </div> 
      </div> 
     </div> 
     <div class="container clearfix"> 
      <div class="col_one_fourth nobottommargin"> 
       <div class="feature-box fbox-center fbox-light fbox-effect nobottomborder"> 
        <div class="fbox-icon"> 
         <a href="#"><i class="i-alt noborder icon-shop"></i></a> 
        </div> 
        <h3>雄厚背景<span class="subtitle">乐直播，为乐视云计算有限公司注资品牌，其母公司为睿信传媒，山西传媒上市第一家！</span></h3> 
       </div> 
      </div> 
      <div class="col_one_fourth nobottommargin"> 
       <div class="feature-box fbox-center fbox-light fbox-effect nobottomborder"> 
        <div class="fbox-icon"> 
         <a href="#"><i class="i-alt noborder icon-share"></i></a> 
        </div> 
        <h3>强大技术<span class="subtitle">拥有国家6项软件著作和专利权 自主研发多链路传输核心技术及独有的前向纠错算法。</span></h3> 
       </div> 
      </div> 
      <div class="col_one_fourth nobottommargin"> 
       <div class="feature-box fbox-center fbox-light fbox-effect nobottomborder"> 
        <div class="fbox-icon"> 
         <a href="#"><i class="i-alt noborder icon-ok"></i></a> 
        </div> 
        <h3>强大资源<span class="subtitle">丰富的企业资源、客户资源及推广渠道，自有的电台广播、电影院线传媒、户外等媒体资源。</span></h3> 
       </div> 
      </div> 
      <div class="col_one_fourth nobottommargin col_last"> 
       <div class="feature-box fbox-center fbox-light fbox-effect nobottomborder"> 
        <div class="fbox-icon"> 
         <a href="#"><i class="i-alt noborder icon-wallet"></i></a> 
        </div> 
        <h3>案例丰富<span class="subtitle">拥有108个应用场景，涉及地产、汽车、餐饮、企业、综合娱乐各行业。直播不限领域无界！</span></h3> 
       </div> 
      </div> 
      <div class="clear"></div>
      <div class="line bottommargin-lg"></div> 
     </div> 
     <div class="container clearfix"> 
      <div class="heading-block center"> 
       <h3>通过 <span>乐直播</span> 成功的部分案例</h3> 
       <!--<p>中国</p>--> 
      </div> 
      <div id="oc-portfolio" class="owl-carousel portfolio-carousel portfolio-nomargin lzb-index-list"> 
       <article class="portfolio-item pf-media pf-icons"> 
        <div class="portfolio-image"> 
         <a href="#"> <img src="${ctx}/static/front/images/6ba4d26f29ec4fad9ae8e9c718fc9092.jpg" alt="老司机——平遥之旅"> </a> 
         <div class="portfolio-overlay lzb-code"> 
          <a href="#" class="" data-lightbox="image"><img src="${ctx}/static/front/images/c6486432589b44fe9f19172bae3866ba.png" alt="老司机——平遥之旅"></a> 
         </div> 
        </div> 
        <div class="portfolio-desc"> 
         <h3><a href="#">老司机——平遥之旅</a></h3> 
         <span> 2017-06-04 </span> 
         <span>观看次数：4553</span> 
        </div> 
       </article> 
       <article class="portfolio-item pf-media pf-icons"> 
        <div class="portfolio-image"> 
         <a href="#"> <img src="${ctx}/static/front/images/033c88cabcfd4d2eb5f013ae58a804b1.jpg" alt="开往直播春天的高铁"> </a> 
         <div class="portfolio-overlay lzb-code"> 
          <a href="#" class="" data-lightbox="image"><img src="${ctx}/static/front/images/f79a59a1267441c59908e1b31ade6a61.png" alt="开往直播春天的高铁"></a> 
         </div> 
        </div> 
        <div class="portfolio-desc"> 
         <h3><a href="#">开往直播春天的高铁</a></h3> 
         <span> 2017-06-03 </span> 
         <span>观看次数：4235</span> 
        </div> 
       </article> 
       <article class="portfolio-item pf-media pf-icons"> 
        <div class="portfolio-image"> 
         <a href="#"> <img src="${ctx}/static/front/images/27694d9a0c8f4fecab1d4b3d34d4d5af.png" alt="乐直播同步直播太原首家冰煮火锅"> </a> 
         <div class="portfolio-overlay lzb-code"> 
          <a href="#" class="" data-lightbox="image"><img src="${ctx}/static/front/images/1dc9d824701b48b18c703bab04f63a94.png" alt="乐直播同步直播太原首家冰煮火锅"></a> 
         </div> 
        </div> 
        <div class="portfolio-desc"> 
         <h3><a href="#">乐直播同步直播太原首家冰煮火锅</a></h3> 
         <span> 2017-05-26 </span> 
         <span>观看次数：55017</span> 
        </div> 
       </article> 
       <article class="portfolio-item pf-media pf-icons"> 
        <div class="portfolio-image"> 
         <a href="#"> <img src="http://cdn.lezhibo.com/attachment/20170525/fbab0a52b1c84ae0bb1d3243e826878b.png" alt="浪哥用直播带你玩转上海美博会～"> </a> 
         <div class="portfolio-overlay lzb-code"> 
          <a href="#" class="" data-lightbox="image"><img src="http://cdn.lezhibo.com/attachment/20170525/e8ab575684114f9189a04edc4b62e4f9.png" alt="浪哥用直播带你玩转上海美博会～"></a> 
         </div> 
        </div> 
        <div class="portfolio-desc"> 
         <h3><a href="#">浪哥用直播带你玩转上海美博会～</a></h3> 
         <span> 2017-05-24 </span> 
         <span>观看次数：32263</span> 
        </div> 
       </article> 
       <article class="portfolio-item pf-media pf-icons"> 
        <div class="portfolio-image"> 
         <a href="#"> <img src="http://cdn.lezhibo.com/attachment/20170525/cdb38a03e2084f519b05fe82178e4cef.jpg" alt="宝龙广场520主题婚礼秀"> </a> 
         <div class="portfolio-overlay lzb-code"> 
          <a href="#" class="" data-lightbox="image"><img src="http://cdn.lezhibo.com/attachment/20170525/9edb6acab5eb4418a027e98928c21e01.png" alt="宝龙广场520主题婚礼秀"></a> 
         </div> 
        </div> 
        <div class="portfolio-desc"> 
         <h3><a href="#">宝龙广场520主题婚礼秀</a></h3> 
         <span> 2017-05-20 </span> 
         <span>观看次数：20147</span> 
        </div> 
       </article> 
       <article class="portfolio-item pf-media pf-icons"> 
        <div class="portfolio-image"> 
         <a href="#"> <img src="http://cdn.lezhibo.com/attachment/20170525/12d9df7b47bf4af28d500c72c115c316.jpg" alt="乐直播助力并同步直播2017深圳文博会"> </a> 
         <div class="portfolio-overlay lzb-code"> 
          <a href="#" class="" data-lightbox="image"><img src="http://cdn.lezhibo.com/attachment/20170525/d79b99d542bd4b7eb6b8a7eb4030246e.png" alt="乐直播助力并同步直播2017深圳文博会"></a> 
         </div> 
        </div> 
        <div class="portfolio-desc"> 
         <h3><a href="#">乐直播助力并同步直播2017深圳文博会</a></h3> 
         <span> 2017-05-15 </span> 
         <span>观看次数：31875</span> 
        </div> 
       </article> 
       <article class="portfolio-item pf-media pf-icons"> 
        <div class="portfolio-image"> 
         <a href="#"> <img src="http://cdn.lezhibo.com/attachment/20170525/957e03eab751409abfa07849effdaf51.png" alt="500强高管会议直播中，可口可乐大佬们讨论很激烈！"> </a> 
         <div class="portfolio-overlay lzb-code"> 
          <a href="#" class="" data-lightbox="image"><img src="http://cdn.lezhibo.com/attachment/20170525/783c20d9cbaf4a7f9978052df84cd20d.png" alt="500强高管会议直播中，可口可乐大佬们讨论很激烈！"></a> 
         </div> 
        </div> 
        <div class="portfolio-desc"> 
         <h3><a href="#">500强高管会议直播中，可口可乐大佬们讨论很激烈！</a></h3> 
         <span> 2017-05-08 </span> 
         <span>观看次数：341148</span> 
        </div> 
       </article> 
       <article class="portfolio-item pf-media pf-icons"> 
        <div class="portfolio-image"> 
         <a href="#"> <img src="http://cdn.lezhibo.com/attachment/20170331/33363b64c59a4698a68fb6cffd763120.jpg" alt="红星美凯龙太原长风商场全球招商发布会"> </a> 
         <div class="portfolio-overlay lzb-code"> 
          <a href="#" class="" data-lightbox="image"><img src="http://cdn.lezhibo.com/attachment/20170331/dfc078fbfe1046d1868061a72f7ea21c.png" alt="红星美凯龙太原长风商场全球招商发布会"></a> 
         </div> 
        </div> 
        <div class="portfolio-desc"> 
         <h3><a href="#">红星美凯龙太原长风商场全球招商发布会</a></h3> 
         <span> 2017-03-31 </span> 
         <span>观看次数：3345</span> 
        </div> 
       </article> 
      </div> 
     </div> 
     <script type="text/javascript">
                jQuery(document).ready(function($) {
                    var ocPortfolio = $("#oc-portfolio");
                    ocPortfolio.owlCarousel({
                        margin: 1,
                        autoplay: true,
                        autoplayHoverPause: true,
                        dots: false,
                        nav: true,
                        navText : ['<i class="icon-angle-left"></i>','<i class="icon-angle-right"></i>'],
                        responsive:{
                            0:{ items:1 },
                            600:{ items:2 },
                            1000:{ items:3 },
                            1200:{ items:4 }
                        }
                    });
//                    function resizeimg(){
//                        if(640 < $(window).width() && $(window).width() <= 991){
//                            $('.owl-stage-outer').css({margin:'0 auto',width:$('.owl-stage-outer').find('img').eq(0).width()});
//                        }else if(992 <= $(window).width() && $(window).width() <= 1199){
//                            $('.owl-stage-outer').css({margin:'0 auto',width:$('.owl-stage-outer').find('img').eq(0).width() * 2});
//                        }else if($(window).width() >=1200){
//                            $('.owl-stage-outer').css({margin:'0 auto',width:$('.owl-stage-outer').find('img').eq(0).width() * 3});
//                        }
//                    }
//                    window.onresize=function(){
//                        resizeimg();
//                    }
//                    resizeimg();
                });
            </script> 
    </div> 
    <div class="section topmargin-sm nobottommargin"> 
     <div class="container clearfix"> 
      <div class="heading-block center"> 
       <h3>听听他们如何评价乐直播</h3> 
      </div> 
      <ul class="testimonials-grid grid-3 clearfix nobottommargin"> 
       <li> 
        <div class="testimonial"> 
         <div class="testi-image"> 
          <a href="#"><img src="http://cdn.lezhibo.com/static/front/images/avatar-wangtong.jpg" alt="Customer Testimonails"></a> 
         </div> 
         <div class="testi-content"> 
          <p>乐直播抵得住人多没网无信号，秒杀别家直播，效果你来看。乐直播是企业直播领域的第一平台，企业直播选择乐直播，绝对靠谱！</p> 
          <div class="testi-meta">
            王通 北京通王科技CEO 
          </div> 
         </div> 
        </div> </li> 
       <li> 
        <div class="testimonial"> 
         <div class="testi-image"> 
          <a href="#"><img src="http://cdn.lezhibo.com/static/front/images/avatar-jinling.jpg" alt="Customer Testimonails"></a> 
         </div> 
         <div class="testi-content"> 
          <p>深圳前海中力企业管理顾问有限公司，用乐直播让我们真正感受到了企业直播的巨大传播力量。</p> 
          <div class="testi-meta">
            深圳前海中力企业管理顾问CEO 刘建刚 
          </div> 
         </div> 
        </div> </li> 
       <li> 
        <div class="testimonial"> 
         <div class="testi-image"> 
          <a href="#"><img src="http://cdn.lezhibo.com/static/front/images/avatar-jianglikun.jpg" alt="Customer Testimonails"></a> 
         </div> 
         <div class="testi-content"> 
          <p>与乐直播合作为我们的微信粉丝开创自主直播间，为Jeep自由侠上市发布会做直播，全程高清无卡顿，效果太好了。还会继续与乐直播合作！</p> 
          <div class="testi-meta">
            ams车评 谭波 
          </div> 
         </div> 
        </div> </li> 
       <li> 
        <div class="testimonial"> 
         <div class="testi-image"> 
          <a href="#"><img src="http://cdn.lezhibo.com/static/front/images/avatar-muchangqing.jpg" alt="Customer Testimonails"></a> 
         </div> 
         <div class="testi-content"> 
          <p>河南新维思广告有限公司,只需一台摄像机，有这么牛？直播效果简直了，全程流畅高清，果然名不虚传。今年的年会就它了！</p> 
          <div class="testi-meta">
            河南新维思广告有限公司 魏君芳 
          </div> 
         </div> 
        </div> </li> 
       <li> 
        <div class="testimonial"> 
         <div class="testi-image"> 
          <a href="#"><img src="http://cdn.lezhibo.com/static/front/images/avatar-ss.jpg" alt="Customer Testimonails"></a> 
         </div> 
         <div class="testi-content"> 
          <p>广州可信电力上市答谢会，不仅画质清晰流畅，互动效果十分好，合作愉快！</p> 
          <div class="testi-meta">
            广东可信电力股份有限公司 李宏刚 
          </div> 
         </div> 
        </div> </li> 
       <li> 
        <div class="testimonial"> 
         <div class="testi-image"> 
          <a href="#"><img src="http://cdn.lezhibo.com/static/front/images/avatar-hongshu.jpg" alt="Customer Testimonails"></a> 
         </div> 
         <div class="testi-content"> 
          <p>上汽大众华北销售服务中心，乐直播的首创之举令人惊呼，远超传统媒体的传播效果，上汽大众与乐直播的合作将持续深远。</p> 
          <div class="testi-meta">
            上汽大众华北销售服务中心 市场部副总 陈启元 
          </div> 
         </div> 
        </div> </li> 
      </ul> 
     </div> 
    </div> 
   </section>
  </div> 
  <!-- 荣誉证书--> 
  <div class="container clearfix"> 
   <div class="heading-block center" style="margin-top:50px"> 
    <h3>乐直播资质荣誉</h3> 
   </div> 
   <div id="oc-portfolio1" class="owl-carousel portfolio-carousel portfolio-nomargin lzb-index-list"> 
    <article class="portfolio-item pf-media pf-icons"> 
     <div class="portfolio-image"> 
      <a href="#"> <img src="http://cdn.lezhibo.com/static/front/images/patent1.jpg" alt=""> </a> 
     </div> 
    </article> 
    <article class="portfolio-item pf-media pf-icons"> 
     <div class="portfolio-image"> 
      <a href="#"> <img src="http://cdn.lezhibo.com/static/front/images/patent2.jpg" alt=""> </a> 
     </div> 
    </article> 
    <article class="portfolio-item pf-media pf-icons"> 
     <div class="portfolio-image"> 
      <a href="#"> <img src="http://cdn.lezhibo.com/static/front/images/patent3.jpg" alt=""> </a> 
     </div> 
    </article> 
    <article class="portfolio-item pf-media pf-icons"> 
     <div class="portfolio-image"> 
      <a href="#"> <img src="http://cdn.lezhibo.com/static/front/images/patent4.jpg" alt=""> </a> 
     </div> 
    </article> 
    <article class="portfolio-item pf-media pf-icons"> 
     <div class="portfolio-image"> 
      <a href="#"> <img src="http://cdn.lezhibo.com/static/front/images/patent5.jpg" alt=""> </a> 
     </div> 
    </article> 
    <article class="portfolio-item pf-media pf-icons"> 
     <div class="portfolio-image"> 
      <a href="#"> <img src="http://cdn.lezhibo.com/static/front/images/patent5.jpg" alt=""> </a> 
     </div> 
    </article> 
   </div> 
   <script type="text/javascript">

            jQuery(document).ready(function($) {

                var ocPortfolio = $("#oc-portfolio1");

                ocPortfolio.owlCarousel({
                    margin: 1,
                    autoplay: true,
                    autoplayHoverPause: true,
                    dots: true,
                    nav: true,
                    navText : ['<i class="icon-angle-left"></i>','<i class="icon-angle-right"></i>'],
                    responsive:{
                        0:{ items:1 },
                        600:{ items:2 },
                        1000:{ items:3 },
                        1200:{ items:4 }
                    }
                });

            });

        </script> 
  </div> 
  <!-- 荣誉证书 end--> 
  <div class="container clearfix"> 
   <br> 
   <div class="heading-block center"> 
    <h3>合作单位</h3> 
   </div> 
   <div id="oc-clients" class="owl-carousel owl-carousel-full image-carousel" style="padding: 20px 0;"> 
    <div class="oc-item">
     <img src="http://cdn.lezhibo.com/static/front/images/cooperation01.png" alt="Clients">
    </div> 
    <div class="oc-item">
     <img src="http://cdn.lezhibo.com/static/front/images/cooperation02.png" alt="Clients">
    </div> 
    <div class="oc-item">
     <img src="http://cdn.lezhibo.com/static/front/images/cooperation03.png" alt="Clients">
    </div> 
    <div class="oc-item">
     <img src="http://cdn.lezhibo.com/static/front/images/cooperation04.png" alt="Clients">
    </div> 
    <div class="oc-item">
     <img src="http://cdn.lezhibo.com/static/front/images/cooperation05.png" alt="Clients">
    </div> 
    <div class="oc-item">
     <img src="http://cdn.lezhibo.com/static/front/images/cooperation06.png" alt="Clients">
    </div> 
    <div class="oc-item">
     <img src="http://cdn.lezhibo.com/static/front/images/cooperation07.png" alt="Clients">
    </div> 
    <div class="oc-item">
     <img src="http://cdn.lezhibo.com/static/front/images/cooperation08.png" alt="Clients">
    </div> 
    <div class="oc-item">
     <img src="http://cdn.lezhibo.com/static/front/images/cooperation09.png" alt="Clients">
    </div> 
    <div class="oc-item">
     <img src="http://cdn.lezhibo.com/static/front/images/cooperation10.png" alt="Clients">
    </div> 
   </div> 
   <script type="text/javascript">
            jQuery(document).ready(function($) {
                var ocClients = $("#oc-clients");
                ocClients.owlCarousel({
                    margin: 30,
                    loop: true,
                    nav: false,
                    autoplay: true,
                    dots: false,
                    autoplayHoverPause: true,
                    responsive:{
                        0:{ items:2 },
                        480:{ items:3 },
                        768:{ items:4 },
                        992:{ items:5 },
                        1200:{ items:6 }
                    }
                });
            });

        </script> 
  </div> 
  <!--<div class="box adv-box">--> 
  <!--<img src="/static/front/images/img-8.png" alt=""/>--> 
  <!--<div class="adv-contanier">--> 
  <!--<div class="container clearfix ">--> 
  <!--<h3 style="color:#fff;margin:40px 0 10px 0;">手机版限量500套，限时发售</h3>--> 
  <!--<a href="" class="lzb-btn-primary">立即购买</a>--> 
  <!--</div>--> 
  <!--</div>--> 
  <!--</div>-->  
  <!-- #content end --> 
  <div class="footerBox"> 
   <footer class="footer clearfix"> 
    <!--<div class="copyright">--> 
    <!--<p>京ICP备16053982号-1</p>--> 
    <!--<p>www.lezhibo.com 2011-2015 © All Rights Reserved</p>--> 
    <!--</div>--> 
    <div class="footerlogo">
     <img src="http://cdn.lezhibo.com/static/wechat/images/footerLogo.jpg">
    </div> 
    <div class="contactUs"> 
     <span><a href="javascript:void(0);">联系我们</a></span> 
     <ul> 
      <li><a href="/">乐直播</a>（北京）网络科技有限公司<em class="ec">版权所有</em><br><a href="http://www.miitbeian.gov.cn/" title="京ICP备16053982号-5" target="_blank" rel="nofollow">京ICP备16053982号-5</a></li> 
      <li>联系电话: 400-900-5560</li> 
      <li>微信：lezhibo-lb</li> 
      <li>QQ：3254604660<em> &nbsp;&nbsp;&nbsp;邮箱:lzb@lezhibo.com</em></li> 
      <li>北京公司地址：北京朝阳区日坛北路7号1幢3层304（总部地址）</li> 
     </ul> 
    </div> 
    <div class="QRcode"> 
     <span><a href="javascript:void(0);">关注我们</a></span> 
     <em><i>微信扫一扫<br>更多精彩等着您</i><img src="http://cdn.lezhibo.com/static/wechat/images/le-qrcode.jpg" alt="微信扫一扫,更多精彩等着您"></em> 
    </div> 
   </footer>
   <!-- #footer end --> 
  </div> 
  <!-- #wrapper end --> 
  <div id="gotoTop" class="icon-angle-up"></div> 
  <script type="text/javascript" src="http://cdn.lezhibo.com/static/front/js/functions1.js?cdnv=0.16"></script> 
  <script type="text/javascript" src="http://cdn.lezhibo.com/static/layui/layui.js?cdnv=0.16"></script> 
  <script type="text/javascript" src="http://cdn.lezhibo.com/static/layui/lay/dest/layui.all.js?cdnv=0.16"></script> 
  <script>
        var currentId = "index";
        $("#"+currentId).attr("class","current");





        function layerInit() {
            $("[go-href]").click(function () {
                var href = $(this).attr("go-href");
                var newWind = $(this).attr("go-href-new");
                if (newWind == "true") {
                    window.open(href);
                } else {
                    window.location.href = href;
                }
            });
        }
        layerInit();
        /**
         * 百度统计
         */
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?26c862c397ddfac8288cb68427caa70f";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();

        /**
         * 百度商桥
         */
        var _hmt1 = _hmt1 || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?9837d3382bc11d53001c82796fba0e5f";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();

        $(function(){
            $('#logo img').css('height',60);
            $('#logo').css('margin-top', 20);
        });
        $(window).scroll(function(){
            if($('body').scrollTop()>0){
                $('#logo').css('margin-top', 0);
            }else{
                $('#logo').css('margin-top', 20);
            }

        });
    </script>   
 </body>
</html>
